<template>
    <div>
        <Modal v-model="modal.detail" title="详情" width="760">
            <div class="detail-info">
                <Row>
	<i-col span="12"><span class="detail-title">广告类型编号：</span><span v-text="form.advertisementTypeId"></span></i-col>
<i-col span="12"><span class="detail-title">类型名称：</span><span v-text="form.advertisementTypeTitle"></span></i-col>


	<i-col span="12"><span class="detail-title">类型代码：</span><span v-text="form.advertisementTypeCode"></span></i-col>
<i-col span="12"><span class="detail-title">广告编号：</span><span v-text="form.advertisementId"></span></i-col>


	<i-col span="12"><span class="detail-title">广告标题：</span><span v-text="form.advertisementTitle"></span></i-col>
<i-col span="12"><span class="detail-title">广告URL：</span><span v-text="form.advertisementAdUrl"></span></i-col>


	<i-col span="12"><span class="detail-title">广告形式：</span><span v-text="form.advertisementAdType"></span></i-col>
<i-col span="12"><span class="detail-title">广告顺序：</span><span v-text="form.advertisementAdOrder"></span></i-col>


	<i-col span="12"><span class="detail-title">背景颜色：</span><span v-text="form.advertisementBackgroundColor"></span></i-col>
<i-col span="12"><span class="detail-title">关联页面链接：</span><span v-text="form.advertisementLinkPageUrl"></span></i-col>


	<i-col span="12"><span class="detail-title">关联页面参数：</span><span v-text="form.advertisementLinkParams"></span></i-col>
<i-col span="12"><span class="detail-title">版本号：</span><span v-text="form.advertisementVersion"></span></i-col>


	<i-col span="12"><span class="detail-title">创建时间：</span><span v-text="form.advertisementCreateTime"></span></i-col>
<i-col span="12"><span class="detail-title">更新时间：</span><span v-text="form.advertisementUpdateTime"></span></i-col>


	<i-col span="12"><span class="detail-title">是否激活：</span><span v-text="form.advertisementIsActive"></span></i-col>

</Row>

            </div>
        </Modal>
    </div>
</template>

<script>
    export default {
        name: 'AdvertisementTypeAdsDetail',
        data() {
            return {
                modal: {
                    detail: false
                },
                form: {
                    advertisementTypeId: null,
advertisementTypeTitle: null,
advertisementTypeCode: null,
advertisementId: null,
advertisementTitle: null,
advertisementAdUrl: null,
advertisementAdType: null,
advertisementAdOrder: null,
advertisementBackgroundColor: null,
advertisementLinkPageUrl: null,
advertisementLinkParams: null,
advertisementVersion: null,
advertisementCreateTime: null,
advertisementUpdateTime: null,
advertisementIsActive: null,

                }
            }
        },
        computed: {},
        mounted() {},
        methods: {}
    }
</script>

<style>
    .detail-info .ivu-col{
        margin-bottom: 10px;
    }

    .detail-title {
        font-weight: bold;
    }
</style>
